<template>
  <div class="wrapper">
    <TopArea/>
    <ProductList/>
    <Order/>
  </div>
</template>

<script>
import TopArea from "./TopArea";
import ProductList from "./ProductList";
import Order from "./Order";
import useCommonAddressEffect from "@/effects/addressEffect";

export default {
  name: "OrderConfirmation",
  components: {TopArea,ProductList,Order},
  setup(){
    const { getAddressList } = useCommonAddressEffect()
    getAddressList() //请求接口获取收货地址列表, 并会放到store中
  }
}
</script>

<style lang="scss" scoped>
@import '../../style/variables';
@import '../../style/mixins';

.wrapper{
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  background-color: rgb(248, 248, 248);

  overflow-y: auto;
}
</style>
